@prefixCls: "db";
@theme-color: #29B6B0;
@color-primary: #29B6B0; // 后台主色调
@color-light-primary: rgba(41, 182, 176, 0.8); // 浅色调
@color-deep-primary: #1faea8; // 深主色调
@color-background: #f0f2f5; // 页面背景色
@color-table: #d9d9d9; // 表格底色/按钮边框
@color-devider: #f9f9f9; // 页面分割线
@color-border: #d9d9d9; // 边框色/滚动条色
@color-light-gray: #f5f5f5; // 禁用底色
@color-red: #f25656; // 常用语错误提示文字/图标
@color-orange-tips: #faad14; // 常用于页面的重点文字区分，如价格/提示字等常伴随字体加粗
@color-success: #52c41a;
@transition-time: 0.2s;

// 字号
@font-max: 24px; // 个别页面强调文字内容
@font-main-head: 20px; // 弹窗标题或其他内容大标题
@font-title: 16px; // 板块一级内容标题、导航栏选中、快捷入口标题、Tabs标签选中
@font-content: 14px; // 加粗用于板块二级内容标题  常用于内容正文/中号按钮文字
@font-small: 12px; // 辅助性解释内容/小号按钮文字/提示文字

// 颜色
@color-normal: #262626; // 用于标题/正文文字
@color-summary: #595959; // 用于大标题下的内容简述文字
@color-sup: #bfbfbf; // 用于辅助性的内容简述文字或解释性标题
@color-light-sup: #ccc; // 表单内容默认提示文字
@color-icon: #999; // icon

// border
@border-radius-base: 2px;

// animation
@animation-time: 1s;

// shdow
@shadow-base: 0 0 6px 0 rgba(0, 0, 0, 0.1);

// Button
@button-default-radius: @border-radius-base;
@button-round-radius: 100px;
@button-normal-padding-vertical: 11px;
@button-normal-padding-horizontal: 28px;
@button-mini-padding-vertical: 4px;
@button-mini-padding-horizontal: 10px;
@button-small-padding-vertical: 8px;
@button-small-padding-horizontal: 19px;
@button-large-padding-vertical: 13px;
@button-large-padding-horizontal: 38px;

@button-warning-bg-color: #ff4444;
@button-warning-hover-color: rgb(252, 99, 99);
@button-warning-active-color: rgb(238, 39, 39);

@button-primary-hover-color: @color-light-primary;
@button-primary-active-color: @color-deep-primary;

// Mask遮罩
@mask-bg-color: rgba(55, 55, 55, 0.6);
@mask-z-index: 1200;

// Modal
@modal-content-color: #444;

// Table
@table-min-width: 940px;
@table-padding-vertical: 30px;
@table-background-color: @color-table;
@table-highlight: @color-light-gray;
@table-hover-color: rgba(41, 182, 176, 0.06);

//Page
@page-top-margin: 20px;
@page-size: 30px;
@page-font-color: @color-sup;
@page-border-color: #c2c2c2;
@page-item-gap: 6px;
@page-disabled-border: @color-border;
@page-disabled-color: @color-border;
@page-disabled-bg: @color-light-gray;

// Checkbox
@checkbox-border-color: @color-border;

// Form
@form-default-size: 32px;
@form-default-padding-vertical: 14px;
@form-hover-transition: border 0.2s ease-in-out, background 0.2s ease-in-out,
  box-shadow 0.2s ease-in-out, box-color 0.2s ease-in-out;
@form-focus-shadow: 0 0 0 1px rgba(45, 227, 240, 0.2);
@form-disabled-bg-color: #f2f2f2;
// Input
@input-default-size: 32px;
@input-small-size: 24px;
@input-error-color: #ffc4b8;
@input-disabled-color: @color-light-gray;

// disabled
@disabled-border-color: @color-border;
@disabled-bg-color: @color-light-gray;
@disabled-font-color: @color-sup;

// Select
@select-default-size: 32px;
@select-hover-bg-color: rgba(245, 251, 251, 1);

// Switch
@switch-true-color: #29B6B0;
@switch-false-color: #bfbfbf;
@switch-disabled-color: #d9d9d9;
@switch-default-width: 44px;
@switch-default-height: 22px;
@switch-default-border-radius: 11px;

// Dialog
@dialog-bg-color: #fafafa;

// Alert
@alert-border-color: rgba(41, 182, 176, 0.4);
@alert-error-color: rgba(242, 86, 86, 0.4);
@alert-success-color: rgba(2, 186, 60, 0.4);
@alert-warn-color: rgba(250, 173, 20, 0.4);
